<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>限时秒杀</title>
		<link rel="stylesheet" type="text/css" href="../css/4_4.css" />
	</head>

	<body>
		<div id="box">
			<div id="day"></div>
			<div id="hour"></div>
			<div id="minute"></div>
			<div id="seconds"></div>
		</div>
		<script type="text/javascript">
			/*1、获取结束时间（转成毫秒）:当前时间的2天后结束
									* 2、定义一个函数：
									*    剩余时间：结束时间毫秒数-当前时间毫秒数
									          获取剩余时间：结束时间-当前时间
									          剩余时间显示在页面4个框里面
									  3、计时器每隔1秒执行函数*/
			//当前时间
			var now = new Date();
			//结束时间的毫秒数：当前时间的毫秒数+2天后的毫秒数
//			var endSeconds = now.getTime() + 24 * 60 * 60 * 2 * 1000;
            var endSeconds=new Date('2018/06/05 10:40:00').getTime();
			var day=hour=minute=seconds=0;
			//定义秒杀函数。
			function Kill() {
				//当前时间
				var nowtime = new Date();
				//获取剩余时间(秒数)
				var remain = (endSeconds - nowtime.getTime()) / 1000;
				if (remain>0) {
					//把秒转换成：天、小时、分钟、秒。
				var day = parseInt(remain / (60 * 24 * 60));
				var hour = parseInt((remain / (60 * 60)) % 24);
				var minute = parseInt((remain / 60) % 60);
				var seconds = parseInt(remain % 60);
					
				} else{
					//清除计时器
					clearInterval(timer);
					day=hour=minute=seconds=0;
					
				}
				
				day = (day < 10 ? '0' + day : day);
				hour = hour < 10 ? '0' + hour : hour;
				minute = minute < 10 ? '0' + minute : minute;
				seconds = seconds < 10 ? '0' + seconds : seconds;
				//剩余天、小时、分钟、秒显示在页面上
				document.getElementById('day').innerHTML = day + '天';
				document.getElementById('hour').innerHTML = hour + '时';
				document.getElementById('minute').innerHTML = minute + '分';
				document.getElementById('seconds').innerHTML = seconds + '秒';
			}
			//计时器循环执行
			var timer=window.setInterval(Kill, 1000);
		</script>
	</body>

</html>